<template>
  <van-row
    class="no-count-wrap"
    type="flex"
    justify="center"
    v-if="showType.length > 0"
  >
    <img class="img-bg" src="@/assets/image/pop_up_count.png" alt="" />
    <span class="text">今日剩余抽卡次数{{ user.count }}</span>
    <button class="share-btn" @click="shareClick">
      <img src="@/assets/image/wechat_share_btn.png" />
    </button>
  </van-row>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "NoCount",
  components: {},
  props: {
    showType: { type: String },
  },
  data() {
    return {};
  },
  computed: {
    ...mapGetters("activity", { user: "user" }),
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {
    shareClick() {
      this.$emit("shareClick");
    },
  },
};
</script>

<style scoped lang='less'>
.no-count-wrap {
  position: relative;
  .img-bg {
    width: 321px;
    height: 374px;
  }
  // 次数提示
  .text {
    position: absolute;
    top: 55%;

    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #d23f3f;
    line-height: 26px;
  }

  //  分享
  .share-btn {
    position: absolute;
    bottom: 0;
    img {
      width: 225px;
    }
  }
}
</style>